Update history layout: total chart, grid view, show-more pagination, 10 colors#69
Merged
Update history layout: total chart, grid view, show-more pagination, 10 colors#69
Conversation
Closed
Agent-Logs-Url: https://github.com/acrosman/BrainSpeedExercises/sessions/42ce514b-68cb-4ff0-979e-61a06c44ac02 Co-authored-by: acrosman <2972053+acrosman@users.noreply.github.com>
Agent-Logs-Url: https://github.com/acrosman/BrainSpeedExercises/sessions/42ce514b-68cb-4ff0-979e-61a06c44ac02 Co-authored-by: acrosman <2972053+acrosman@users.noreply.github.com>
Agent-Logs-Url: https://github.com/acrosman/BrainSpeedExercises/sessions/42ce514b-68cb-4ff0-979e-61a06c44ac02 Co-authored-by: acrosman <2972053+acrosman@users.noreply.github.com>
Copilot
AI
changed the title
[WIP] Update history layout with grid display and play time graph
Update history layout: total chart, grid view, show-more pagination, 10 colors
Apr 15, 2026
acrosman
previously requested changes
Apr 15, 2026
Owner
acrosman
left a comment
acrosman
left a comment
There was a problem hiding this comment.
The history of total playtime at the top isn't displaying properly. There appears to be no data, and this should be a line chart not a bar chart.
Agent-Logs-Url: https://github.com/acrosman/BrainSpeedExercises/sessions/f67a2631-5083-4350-a9d1-2a389b6457ee Co-authored-by: acrosman <2972053+acrosman@users.noreply.github.com>
Contributor
Author
Fixed in commit
|
…10 colors Agent-Logs-Url: https://github.com/acrosman/BrainSpeedExercises/sessions/f67a2631-5083-4350-a9d1-2a389b6457ee Co-authored-by: acrosman <2972053+acrosman@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The history panel rendered all game-day charts in a vertical stack with only 6 colors, making it unscalable for regular players with many days of data.
Changes
New: Total Play Time chart
createTotalPlayTimeChart()— an SVG line chart rendered at the top of the history panel showing aggregate daily totals across all games at a glance. Each day is plotted as a data point connected by a line, with MM-DD date labels and hover tooltips showing the exact duration.Grid layout for per-game charts
.history-chart__grid) instead of a vertical stack, fitting 6 days in 3 rows.Show-more pagination
createBarChart()splitssummaryDatainto the 6 most-recent days (always visible) and older days (hidden by default). A toggle button reveals/hides the older grid and updates its own label:Expanded color palette
--chart-color-6through--chart-color-9): amber, teal, pink, olive.COLOR_SLOT_COUNTupdated accordingly with matching CSS classes for bars and legend swatches.